<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns:ui="http://java.sun.com/jsf/facelets"                                
                xmlns:p="http://primefaces.org/ui"
                template="/resources/modelo_facelets.xhtml"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:f="http://java.sun.com/jsf/core"> 

    <ui:define name="content">

        <h:form id="form" prependId="false">

            <p:wizard id="wizard" 
                      widgetVar="wiz"  
                      flowListener="#{chamado.eventoProsseguir}"
                      nextLabel="Proximo" backLabel="Anterior">  


                <p:tab id="tabSolicitante" title="Solicitante">  

                    <p:panel header="Dados do Solicitante">                          

                        <p:messages/>

                        <h:panelGrid columns="1" cellspacing="20px" width="100%">  

                            <h:outputText value="Solicitante: " />  

                            <p:selectOneMenu id="solicitante"
                                             value="#{chamado.solicitante.nome}"
                                             required="true"
                                             requiredMessage="Selecione o solicitante antes de prosseguir!">

                                <f:selectItems var="item" value="#{chamado.listaSolicitantes}" itemValue="#{item.nome}" itemLabel="#{item.nome}"/>

                            </p:selectOneMenu> 

                        </h:panelGrid>  

                    </p:panel>  

                </p:tab>  

                <p:tab id="tabServico" title="Serviço">  

                    <p:panel header="Dados do Serviço">  

                        <p:messages/>  

                        <h:panelGrid columns="1" cellspacing="20px" width="100%">    

                            <h:outputText value="Serviço: " />  

                            <p:selectOneMenu id="servico" 
                                             value="#{chamado.servico.nome}" 
                                             required="true" 
                                             requiredMessage="Selecione o serviço antes de prosseguir!">

                                <f:selectItems var="item" value="#{chamado.listaServicos}" itemValue="#{item.nome}" itemLabel="#{item.nome}"/>

                            </p:selectOneMenu>  
                            
                            <h:outputText value="Descrição: " />  
                            <p:inputTextarea  value="#{chamado.descricao}" 
                                              style="width: 480px"
                                              required="true"
                                              requiredMessage="Preencha a descrição antes de abrir o chamado!"/>

                        </h:panelGrid>  

                    </p:panel>  

                </p:tab>   

                <p:tab id="tabConfirmacao" title="Confirmação">  

                    <p:panel header="Confirmação">  

                        <p:messages/>

                        <h:panelGrid columns="2" cellspacing="20px" width="100%"> 
                            
                            <h:outputText value="Solicitante:" />  
                            <h:outputText value="#{chamado.solicitante.nome}" />  

                            <h:outputText value="Serviço: " />  
                            <h:outputText value="#{chamado.servico.nome}"/>  

                            <h:outputText value="Descrição: " />  
                            <p:inputTextarea  value="#{chamado.descricao}" 
                                              style="width: 350px"
                                              readonly="true"/> 

                        </h:panelGrid>    

                        <p:commandButton value="Abrir Chamado" action="#{chamado.abrirChamado()}" immediate="true" ajax="false" />

                    </p:panel>  

                </p:tab>  

            </p:wizard>  

        </h:form>

    </ui:define>


</ui:composition>